<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事件切换</title>
</head>
<body>
<input id="input">
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    /*链式绑定事件，让文本输入框的背景在获得焦点的时候变红，失去的时候黑化*/
    $("#input").mouseout(function () {/*失去焦点*/
        $(this).css("background", "black");/*$(this)就表示当前元素对象，此时调用css方法，设置背景色*/
    }).mouseover(function () {
        $(this).css("background", "red");
    });
</script>
</html>